//主轮播图
$("#bannerInner").tyslide({
    boxh: 420,//盒子的高度
    w: 1000,//盒子的宽度
    h: 390,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 20,//控制按钮宽度
    controlsH: 20,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: true //是否显示数字
});


$("#bannerInners").tyslide({
    boxh: 220,//盒子的高度
    w: 330,//盒子的宽度
    h: 218,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});



$("#bannerInners1").tyslide({
    boxh: 220,//盒子的高度
    w: 330,//盒子的宽度
    h: 218,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});




$("#bannerInners2").tyslide({
    boxh: 220,//盒子的高度
    w: 330,//盒子的宽度
    h: 218,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 40,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});


$("#bannerInners3").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});



$("#bannerInners4").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});





$("#bannerInners5").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});



//导行选项卡
$('.navlb>ul>li').mouseenter(function(){
    $(this).addClass('xuanz').siblings().removeClass('xuanz')

    let index = $(this).index();

    $('.navbox div').eq(index).addClass('beixuan').siblings().removeClass('beixuan');

})
   



// 电子书选项卡
$('.book >.bookb > .bookul > li').mouseenter(function(){
    $(this).addClass('lixuan').siblings().removeClass('lixuan')
    let index1 = $(this).index();
    $('.book >.booklb > .boxbig > div').eq(index1).addClass('wa1').siblings().removeClass('wa1')
})


// 移除去的时候隐藏
$('.navbox div').mouseleave(function(){
    $(this).removeClass('beixuan')
    $('.navlb ul li').removeClass('xuanz')
})


// 电子书右侧隐藏
$('.book>.booklb >.rtdiv >ul>li').mouseenter(function(){
    $(this).find('p').addClass('ycp')
    $(this).siblings().find('p').removeClass('ycp')
    $(this).find('div').addClass('ycbox')
    $(this).siblings().find('div').removeClass('ycbox')
})



// 服装选项卡
$('.yifu .topyi .bookul  li').mouseenter(function(){
    $(this).addClass('xsli').siblings().removeClass('xsli')
    let index2 = $(this).index();
    console.log(index2);
    $('.yifu > .boxrt > ul').eq(index2).addClass('xsb').siblings().removeClass('xsb')
})


$("#bannerInners6").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});



$("#bannerInners7").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});



$("#bannerInners8").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});


$("#bannerInners9").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});


$("#bannerInners10").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});


$("#bannerInners11").tyslide({
    boxh:334 ,//盒子的高度
    w: 447,//盒子的宽度
    h: 332,//图片的高度
    isShow: true,//是否显示控制器
    isShowBtn: true,//是否显示左右按钮
    controltop: 5,//控制按钮上下偏移的位置,要将按钮向下移动   首先保证boxh 高度>图片 h
    controlsW: 5,//控制按钮宽度
    controlsH: 5,//控制按钮高度
    radius: 0,//控制按钮圆角度数
    controlsColor: "#d7d7d7",//普通控制按钮的颜色
    controlsCurrentColor: "#ff6600",//当前控制按钮的颜色
    isShowNum: false //是否显示数字
});


// 男装项卡
$('.yifu .topyi .bookul1 > li').mouseenter(function(){
    $(this).addClass('xsli').siblings().removeClass('xsli')
    let index2 = $(this).index();
    console.log(index2);
    $('.yifu > .boxrt1 > ul').eq(index2).addClass('xsb').siblings().removeClass('xsb')
})



// 男鞋项卡
$('.yifu .topyi2 .bookul > li').mouseenter(function(){
    $(this).addClass('xsli').siblings().removeClass('xsli')
    let index2 = $(this).index();
    console.log(index2);
    $('.yifu > .boxrt2 > ul').eq(index2).addClass('xsb').siblings().removeClass('xsb')
})
//   楼层滚动
// 鼠标移入li标签
//     1 改变背景色
//         第一张思路：把颜色作为自定义属性与标签绑在一起，当事件发生时取出自己对应的值

        // 2,背景图片定位
        // 鼠标移入是改为-40
        // 移出时改为0

        // 3.处理文字
        // 给盒子写padding-left 来显示图片，把文字写上，再写overflow:hidden 把文字隐藏
        // 鼠标移入是width:40px
        // 鼠标移入时width:0px
$('.lcgd li').hover(function(){
    let bgc = $(this).attr('bgc');
    $(this).css('background-color',bgc);
    $(this).css('background-position-x',-40);
    $(this).css('width',40);
},function(){
    $(this).css('background-color','');
    $(this).css('background-position-x',0);
    $(this).css('width',0);
}).click(function(){
    let ind = $(this).index();
    let top = $('.floor').eq(ind).offset().top;
    $('HTml,body').animate({ scrollTop:top } ,200)
})



// 领卷中心
// $('.ljzx div').hover(function(){
//     $(this).find('img').css('display','block');
// },function(){
//     $(this).find('img').css('display','none');
// })



// 顶部隐藏框
$(window).scroll(function(){

    // 获取到顶部的值
    let jl = document.documentElement.scrollTop || document.body.scrollTop


    if(jl>600){
        $('.ssk').css('display','block')
        $('.hddb').css('display','block')
    }else{
        $('.ssk').css('display','none')
    }
})


// 回到顶部事件
$('.hddb').click(function(){
    let db1 = $('HTML,body').offset().top;
    $('HTml,body').animate({ scrollTop:db1 } ,200)

})